<template>
  <div class="nav-bottom">
    <router-link to="/Home">
      <i class="iconfont iconiconfontzhizuobiaozhun023101"></i>
      <label>首页</label>
    </router-link>
    <router-link to="/Find">
      <i class="iconfont iconfaxian1"></i>
      <label>发现</label>
    </router-link>
    <router-link to="/Order" class="cart">
      <i class="iconfont icondingdan"></i>
      <label>
        购物车
        <span v-show="totalCount > 0">{{ totalCount }}</span>
      </label>
    </router-link>
    <router-link to="/Mine">
      <i class="iconfont iconwo1"></i>
      <label>我的</label>
    </router-link>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
import { getLists, getDetail } from "@/api/request.js";

export default {
  name: "Bottom",
  data() {
    return {
      getLists,
      getDetail,
    };
  },
  methods: {},
  computed: mapGetters(["totalCount"]),
};
</script>

<style>
.active {
  color: #e96e4f;
}
</style>